<style>
<!--
h1{
	font-size:24px;
	font-family: arial;
	margin: 10px;
}

.gbin1-list {
	list-style: none;
	padding:0;
	margin:0;
}

.gbin1-list li {
	line-height: 80px;
	float: left;
	width: 80px;
	height: 80px;
	text-align: center;
	border: 1px solid #CCC;
	margin: 10px;
	font-family: arial;
	color: #FFF;
	box-shadow: 0px 0px 10px #505050;
	border-radius: 5px;
	padding: 0px;
}
.gbin1-list img
{
	width: 80px;
	height: 80px;
}


-->
</style>
<form method="post" action="/marquee/sortsave" >
<section id="intro">
		<h1><?php echo $block['block_name']?></h1>
		<h1><font color="red">修改完成后请点击保存按钮不然修改无效！</font></h1>
</section>

<section>
	<ul class="gbin1-list">
		<?php foreach ($list as $item):?>
		<li><img alt="<?php echo $item['description']?>" src="<?php echo STATIC_IMAGE . $item['image']?>"><input type="hidden" name="marquee[]" value="<?php echo $item['id']?>"></li>
		<?php endforeach;?>
	</ul>

	<div style="clear:both" id="msg"></div>
</section>
<p></p>
<p>
<button class="btn-default" type="submit">保存</button>
</p>
</form>	
 <!-- Dependencies -->
<script type="text/javascript" src="/js/jquery.sortable.js"></script> 
 
<script>
    $('.gbin1-list').sortable();
</script>
